html, body {
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}

html, body {
    font-family: Microsoft YaHei, -apple-system, PingFang SC, Hiragino Sans GB, Helvetica Neue, Arial, sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.flex {
    display: flex;
}

.flex1 {
    flex: 1;
}

.flex-column {
    flex-direction: column;
}

.flex-xc {
    justify-content: center;
}

.flex-yc {
    align-items: center;
}

.flex-between {
    justify-content: space-between;
}

.flex-sa {
    justify-content: space-around;
}